@import '../../ui/base'

.tree-list
  margin 0
  width 260px

.root
  [data-role="button"]
    width 180px
    height 40px
    margin-top 30px

.list
  margin-top 40px
  background-color #f3f6f9
  width 500px
  padding 30px 40px
  [data-role="input"]
  [data-role="input-list"]
    width 100%
    display block
  [data-role="tree-list"]
    width 260px
  [data-role="select"]
    width 200px
  > div
    & + div
      margin-top 40px
    display flex
    position relative
    &.user
      > div
        > span
          margin-left 20px
          color #777
    > label
      font-size 14px
      display inline-block
      width 120px
      padding-right 15px
      text-align right
      color #7e7f81
    > i
      position: absolute;
      left: 462px;
      top: 5px;
      font-style: normal;
      color: #8ca9c5
    > div
      @extends .h-center
      align-items flex-end
  .list-field
    display block
    >div
      margin-left 0
      display table

.notify-users
  clear fix
  margin-bottom 30px
  padding-left 120px
  > li
    @extends .h-center
    padding 1px 8px
    margin-top 6px
    float left
    margin-right 5px
    color #79AFED
    background-color #F0F6FD
    border 1px solid #AED0F8
    > a
      color #79AFED
      font-size 14px
      i
        color #79afed



.avatar
  position relative
  > span
    position absolute
    width 100%
    height 30px
    background-color rgba(4, 123, 255, .5)
    bottom 0
    left 0
    text-align center
    line-height 30px
    font-size 18px
    margin-left 0

.revoke
  margin-top 40px
  width 160px
  height 40px
  margin-left 116px
